<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>angular.js表达式</title>
    <script src="../js/angular.min.js"></script>
</head>
<body>
<!--<div ng-app="">
    <p>请输入：</p>
    <p ><input ng-model="name"></p>
    <p ng-bind="name"></p>
    <p>这是表达式测试</p>
    <p>我是第一个表达式{{5+5}}</p>

</div>-->
<!--angular.js应用-->
<!--<div ng-app="myApp" ng-controller="myCtrl">
    名：<input ng-model="firstName"><br>
    姓：<input ng-model="lastName"><br>
    <p>我是第二个表达式</p>
    姓名：{{firstName + "" +lastName}}}
</div>
<script>
    var app =angular.module("myApp",[]);
    app.controller("myCtrl", function ($scope) {
        $scope.firstName="John";
        $scope.lastName="Doe";
    });
</script>-->


<!--
<p>我是第三个表达式</p>
<div ng-app="" ng-init="firstName='zhu';lastName='changjing'">
    <p>姓名为：{{firstName+" " +lastName}}</p>
</div>
-->

<!--比较1:ng-init -->
<!--<div ng-app="" ng-init="firstName='zhu';lastName='changjing'">
    <p>姓名为：<span ng-bind="firstName"></span></p>
</div>-->


<!--比较2:data-ng-init -->
<!--<div data-ng-app="" data-ng-init="firstName='zhu';lastName='changjing'">
    <p>姓名为：<span data-ng-bind="firstName"></span></p>
</div>-->
<!--
<p>angularJS对象</p>
<div ng-app="" ng-init="person={firstName:'zhu',lastName:'chang jing'}">
<p>姓名：{{person.firstName+""+person.lastName}}</p>
    <p>姓：<span ng-bind="person.firstName"></span></p>
</div>
-->

<!--<p>数组</p>
<div ng-app="" ng-init="points=[1,2,3,4,5,6]">
    <p>第三个值为：{{points[2]}}</p>
</div>-->

<p>数组</p>
<div ng-app="" ng-init="points=[1,2,3,4,5,6]">
    <p>第三个值为：<span ng-bind="points[2]"></span></p>
</div>


























</body>
</html>